<template>
  <div class="audit-flow">
    <router-view v-if="flag" />
    <div v-else>
      <Search />
      <List />
      <Add />
    </div>
  </div>
</template>
<script>
export default {
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    Add: () => import('./Add.vue'),
  },
  data() {
    return {
      flag: false,
    }
  },
  watch: {
    $route(v) {
      this.flag = v.meta.flag
    },
  },
  mounted() {
    this.flag = this.$route.meta.flag
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.audit-flow {
  clear: both;
}
</style>